import { useReducer } from 'react'
import { Divider } from 'antd'

import AddTask from './AddTask.js';
import TaskList from './TaskList.js';
import { TasksProvider } from './TasksContext.js';

const View: React.FC = () => {
    

    return (
        <>
            <Divider orientation="left">context和reducer的组合</Divider>
            <TasksProvider>
                <h1>Day off in Kyoto</h1>
                <AddTask />
                <TaskList />
            </TasksProvider>
        </>
    )
}

export default View